<template>
  <div class="advertisementManage">
    <el-row :gutter="20">
      <el-col :span="24">
        <el-tabs v-model="activeName">
          <el-tab-pane v-for="(item, index) in pageConfig" :key="index" :label="item.name" :name="item.index" lazy>
            <component :is="item.componentName" :pageIndexConfig="item.config"></component>
          </el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import IndexPageAd from "./indexPageAd.vue";
export default {
  data() {
    return {
      activeName: "1",
      pageConfig: [
        {
          name: "首页广告",
          index: "1",
          componentName: 'IndexPageAd',
          config: [
            {
              name: "首页顶栏广告",
              pageType: "HOME_PAGE",
              type: "TOP",
            },
            {
              name: "首页轮播banner",
              pageType: "HOME_PAGE",
              type: "LB_BANNER",
              picTip: "图片比例为2：1，最佳分辨率为760px：380px的整数倍。",
            },
            {
              name: "首页小banner",
              pageType: "HOME_PAGE",
              type: "SMALL_BANNER",
              picTip: "图片比例为2：1，最佳分辨率为180px：180px的整数倍。",
            },
            {
              name: "首页信息流广告",
              pageType: "HOME_PAGE",
              type: "FEED",
              picTip: "图片最佳分辨率为760px：140px的整数倍。",
            },
            {
              name: "首页侧边栏广告",
              pageType: "HOME_PAGE",
              type: "SIDE",
              isPosition: true,
              picTip: "图片最佳分辨率为380px：212px的整数倍。",
            },
          ],
        },
        {
          name: "资讯页广告",
          index: "2",
          componentName: 'IndexPageAd',
          config: [
            {
              name: "资讯详情页侧边广告",
              pageType: "ZX_DETAIL_PAGE",
              type: "SIDE",
              picTip: "图片比例为2：1，最佳分辨率为340px：190px的整数倍。",
            },
            {
              name: "资讯详情页推荐广告",
              pageType: "ZX_DETAIL_PAGE",
              type: "RECOMMEND",
              picTip: "图片比例为2：1，最佳分辨率为340px：190px的整数倍。",
            }
          ],
        },
        {
          name: "活动页广告",
          index: "3",
          componentName: 'IndexPageAd',
          config: [
            {
              name: "活动页banner",
              pageType: "HD_PAGE",
              type: "LB_BANNER",
              picTip: "图片最佳分辨率为1180px * 480px的整数倍。",
            },
            {
              name: "活动详情页侧边广告",
              pageType: "HD_DETAIL_PAGE",
              type: "SIDE",
              picTip: "图片比例为2：1，最佳分辨率为340px：190px的整数倍。",
            },
            {
              name: "活动详情页推荐广告",
              pageType: "HD_DETAIL_PAGE",
              type: "RECOMMEND",
              picTip: "图片比例为2：1，最佳分辨率为340px：190px的整数倍。",
            },
          ],
        },
        {
          name: "挚物研究院广告",
          index: "4",
          componentName: 'IndexPageAd',
          config: [
            {
              name: "挚物研究院详情页侧边广告",
              pageType: "QW_DETAIL_PAGE",
              type: "RECOMMEND",
              picTip: "图片比例为2：1，最佳分辨率为340px：190px的整数倍。",
            }
          ],
        },
        {
          name: "企业库广告",
          index: "5",
          componentName: 'IndexPageAd',
          config: [
            {
              name: "企业库banner广告",
              pageType: "QY_PAGE",
              type: "TOP",
              picTip: "图片比例为2：1，最佳分辨率为1440px：600px的整数倍。",
            }
          ],
        },
        {
          name: "案例库广告",
          index: "6",
          componentName: 'IndexPageAd',
          config: [
            {
              name: "案例库页面banner",
              pageType: "AL_PAGE",
              type: "LB_BANNER",
              picTip: "图片比例为2：1，最佳分辨率为340px：190px的整数倍。",
            },
            {
              name: "案例库详情页侧边广告",
              pageType: "AL_DETAIL_PAGE",
              type: "SIDE",
              picTip: "图片比例为2：1，最佳分辨率为340px：190px的整数倍。",
            },
            {
              name: "案例库详情页推荐广告",
              pageType: "AL_DETAIL_PAGE",
              type: "RECOMMEND",
              picTip: "图片比例为2：1，最佳分辨率为340px：190px的整数倍。",
            },
          ],
        },
      ],
    };
  },
  components: {
    IndexPageAd,
  },
};
</script>
